import Layout from '../layout/index.vue';

const main = {
  path: '',
  name: 'Layout',
  component: Layout,
  children: [
    {
      path: '',
      name: 'Home',
      component: () => import('@/views/Home/index.vue'),
    },
    {
      path: '/collectionWorks',
      name: 'CollectionWorks',
      component: () => import('@/views/CollectionWorks/index.vue'),
    },
    {
      path: '/studyNotes',
      name: 'StudyNotes',
      component: () => import('@/views/StudyNotes/index.vue'),
    },
    {
      path: '/timeline',
      name: 'Timeline',
      component: () => import('@/views/Timeline/index.vue'),
    },
    {
      path: '/aboutMe',
      name: 'AboutMe',
      component: () => import('@/views/AboutMe/index.vue'),
    },
    {
      path: '/tags',
      name: 'Tags',
      component: () => import('@/views/Tags/index.vue'),
    },
    {
      path: '/tageDetail',
      name: 'TageDetail',
      component: () => import('@/views/TageDetail/index.vue'),
    },
    {
      path: '/tools',
      name: 'Tools',
      component: () => import('@/views/Tools/index.vue'),
    },
    {
      path: '/touchFish',
      name: 'TouchFish',
      component: () => import('@/views/TouchFish/index.vue'),
    },
    {
      path: '/information',
      name: 'Information',
      component: () => import('@/views/Information/index.vue'),
    },
    // +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    {
      path: '/vueUse',
      name: 'VueUse',
      component: () => import('@/views/vueUse/index.vue'),
    },
  ],
};

export default main;